<template>
  <div class="container">
    <div class="from-menu">
        <a href="javascript:;" class="iconfont icon-search"></a>
        <input type="text"  class="input-menu" placeholder="请输入..." >
    </div>
  </div>
</template>
<script>
export default {
    name: 'header',
    props:{

    },
    data() {
       return{
       }
    },
    mounted(){

    },
    methods:{
      onClickLeft(){
          this.$router.go(-1)
      },
    }
}
</script>

<style lang="scss" scoped>
    .container{
      padding:0.5rem 1rem;
      box-sizing:border;
      width:100%;
      background:#4fc08d;
    .from-menu{
        position:relative;
        .icon-search:before{
            position:absolute;
            top:0.3rem;
            left:0.4rem;
            color:#999;
        }
        .input-menu{
            width:100%;
            line-height:1.8rem;
            padding:0 0 0 1.6rem;
            box-sizing:border-box;
            border-radius:10px;
        }
    }
  }
</style>
